<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content=" film, random">
    <meta name="description" content="just one random film from web">

	<title>One Film</title>

    <link rel="stylesheet" type="text/css" href="../css/semantic/semantic.css">

	<link rel="stylesheet" type="text/css" href=".../css/semantic/components/reset.css">
	<link rel="stylesheet" type="text/css" href=".../css/semantic/components/site.css">
	<link rel="stylesheet" type="text/css" href=".../css/semantic/components/grid.css">

	<link rel="stylesheet" type="text/css" href="../css/semantic/components/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/button.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/card.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/label.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/image.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/reveal.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/dimmer.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/rating.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/transition.css">
	<link rel="stylesheet" type="text/css" href="../css/semantic/components/popup.css">

  	<script src="../css/semantic/semantic.js"></script>
	<script src="../css/semantic/library/jquery.min.js"></script>
  	<script src="../css/semantic/library/iframe-content.js"></script>

	<script type="text/javascript" src="../css/semantic/components/popup.js"></script>
	<script type="text/javascript" src="../css/semantic/components/dimmer.js"></script>
	<script type="text/javascript" src="../css/semantic/components/rating.js"></script>
	<script type="text/javascript" src="../css/semantic/components/transition.js"></script>

    <style type="text/css">

	hr {
	  border: 0;
	  height: 1px;
	  background-image: -webkit-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	  background-image: -moz-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	  background-image: -ms-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	  background-image: -o-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	}


    </style>

    <script type="text/javascript">
  $(document)
    .ready(function() {
      $('.card .dimmer')
        .dimmer({
          on: 'click'
        });
    })
  ;
    </script>
</head>
<body>

<div class="ui four card">
	<div class="ui card">
		<div class="ui dimmable dimmed segment">
			<div class="ui slide masked reveal image">
				<div class="ui inverted dimmer">
					<div class="content">
						<div class="center">
							<div class="ui grey inverted segment">
							<h4 align="center" href="https://movie.douban.com/subject/25986180/">《釜山行》</h4>
							<hr>
							<p align="left">
		                    原名：Train to Busan<br/>
		                    类型：动作/惊悚/丧尸/灾难<br/>
		                    地区：韩国<br/>
		                    首播：2016-07-20 周三<br/>
		                    描述：一群丧尸的疯狂派对，，，
		                    </p>
							</div>
						</div>
					</div>
				</div>
            	<img src="../images/p2360940399.jpg">
			</div>
	    </div>
    </div>
</div>

</body>
</html>
